import { PureComponent } from 'react'
import SingleTable from 'components/table/index'
import { Input, Button } from 'antd'
import styles from './parcelData.less'
export default class ParcelData extends PureComponent {
    render(){
        const dataList = []
        const columns = [
        {
            key: 'gmtCreate',
            title: '包号',
            dataIndex: 'gmtCreate',
            align: 'center',
        },
        {
            key: 'operationTypeName',
            title: '行李牌号',
            dataIndex: 'operationTypeName',
            align: 'center',
        },
        {
            key: 'creatorName',
            title: '舱单号',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '4',
            title: '路径',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '5',
            title: '创建时间',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '6',
            title: '起飞时间',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '7',
            title: '包件数',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '8',
            title: '子单重量(KG)',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '9',
            title: '实际称重(KG)',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '10',
            title: '运单状态',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '11',
            title: '查询子单',
            dataIndex: 'creatorName',
            align: 'center',
        }]
        return(
            <div className={styles.parcelData}>
                <div className={styles.parcelDataBox}>
                    <h2>包裹数据</h2>
                </div>
                <div className={styles.parcelDataSearch}>
                    <div className={styles.parcelDataSearchSin}>
                        <span className={styles.parcelDataSpan} style={{width: '50px'}}>包号：</span>
                        <Input  className={styles.parcelDataInput}/>
                    </div>
                    <div className={styles.parcelDataSearchSin} style={{margin: '0 48px'}}>
                        <span className={styles.parcelDataSpan}>行李牌号：</span>
                        <Input  className={styles.parcelDataInput}/>
                    </div>
                    <div className={styles.parcelDataSearchSin}>
                        <span className={styles.parcelDataSpan}>舱单号：</span>
                        <Input  className={styles.parcelDataInput}/>
                    </div>
                </div>
                <Button type="primary" style={{margin: '0 0 24px 24px'}}>查询</Button>
                <div className={styles.parcelDataTable}>
                    <SingleTable
                        data={{ list: dataList }}
                        columns={columns}
                        
                    />
                </div>
            </div>
        )
    }
} 